@import './mixin';
.personal_list{
    padding: 0 .5rem;
    .item{
        position: relative;
         display: flex;
        border-radius:12px;
        margin-top: .2rem;
        background: #fff;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
        padding: .2rem .2rem .6rem 0;
        .item_img{
            width: 1.7rem;
            height: 1.8rem;
            img{
                position: relative;
                left: -.3rem;
                width: 2rem;
                height: 1.8rem;
            }
        }
        .item_body{
            padding: .2rem .2rem 0 .2rem;
            .person_nums{
                position:absolute ;
                bottom: .2rem;
                right: -.3rem;
                width: 1.5rem;
                height: .5rem;
                background-color: #1852b9;
                border-radius: .25rem;
                padding: 0 5px;
                line-height: .5rem;
                color: #fff;
                text-align: center;
                img{
                   width: .36rem;
                   vertical-align: text-bottom;
                }
            }
            .title{
                font-size: .3rem;
                color: @black;
                margin-bottom: .2rem;
            }
            p.address{
                color: @graycolor;
                font-size: @fcssm;
                margin-bottom: .3rem;
                &>img{
                    width: .2rem;
                    height: auto;
                    margin-right: .1rem;
                }
            }
            p{
                a{
                    color: @graycolor;
                    font-size: @fcssm;
                }
            }
        }
    }
}
.baseInfo_personal_list{
    .item{
        position: relative;
        display: block;
        border-radius:12px 12px 0 0;
        margin-top: .2rem;
        background: #fff;
        padding: .2rem 0 0 0;
        .personal_info{
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            .cell{
                overflow: hidden;
                border-bottom: 1px solid #eee;
            }
        }
    }
}

.baseInfo_detail{
    .editBtn{
        border-radius: 0;
        height: .88rem;
        font-size: .32rem;
        margin-top: 2rem;
    }
    .bg_wrapper{
        position: relative;
        height: 4.02rem;
        &>img{
            display: block;
            width: 100%;
            height: 100%;
        }
        .info_text{
            position: absolute;
            bottom: .45rem;
            width: 100%;
            padding-left: .3rem;
            color: #fff;
            font-size: @fcmd;
            h5{
                margin-bottom: .2rem;
            }
            img{
                width: .3rem;
            }
        }
    }
    .info_body{
        padding: 0 .2rem;
        .item{
             background-color: #fff;
             padding: 0 .2rem;
            &:first-child{
                position: relative;
                top: -.4rem;
                z-index: 9;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
            }
             &:last-child{
                border-bottom-left-radius: 12px;
                border-bottom-right-radius: 12px;
            }
            .info_title{
                color: @black;
                font-weight: bold;
                font-size: @fcmd;
                padding: .4rem 0;
                text-align: center;
            }
            .info_summary{
                font-size: @fcssm;
                color: @black;
                line-height: 1.8;
                margin-bottom: .4rem;
            }
            .zhan{
                padding-bottom: .4rem;
                text-align: center;
            }
           
            .cell{
                padding: .3rem 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: .3rem;
                color: @black;
            }
            
        }
    }
}
